<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Table of Contents</title>

<link rel="shortcut icon" href="images/2reading.gif">

<style type="text/css">

body {
	background-image: url(images/desk2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	

}

#content {
	width:990px;
	height: 700px;
	margin: 10px auto 0 auto;
	background-image: url(images/books.png);
	background-repeat: repeat;
	background-position: top;
	position: fixed;
	left: 0;
	right: 0;
}

#chapters {
	float: right;
	width: 480px;
	height: 500px;
	margin: 250px 0 0 0px;
	

}

#chapters a {
	color: #3a3c3d;
	font-size: 25px;
	display: block;
	border: none;
	margin: 10px 0 0px 0;
	font-style: none;
	font-family: cambria;
	transition: .7s ease-out;
	text-decoration: none;
}

#chapters a:hover {
	color: #a45d4d;
	transition: .7s ease-out;
}

#acknowledgement {
	float: left;
	width: 420px;
	height: auto;
	margin: 230px 0 0 60px;s
	font-size: 16px;
	font-family: georgia;
	font-style: italic;
}

p:first-letter
{
font-size:300%;
color:#d07056;
font-style: italic;
}

.hover_image a{
position:relative;
transition: .7s ease-out;
}
.hover_image a span{
position:absolute;
display:none;
z-index:99;
margin: -150px 0 0 120px;

}
.hover_image a:hover span{
display:block;
}
</style>


</head>
<body>

<div id="content">
	<div id="chapters">
	
	<a href="intro.jsp">Introduction</a>
	
	<div class="hover_image">
	<a href="Chapter1.jsp"><b>Chapter 1:</b> Young and Useless 
	<span><img src="images/prev1.png" alt="image" width="400" height="300" /></span></a>
	</div>
		
	<div class="hover_image">
	<a href="Chapter2.jsp"><b>Chapter 2:</b> I Must Be Dreaming 
	<span><img src="images/prev2.png" alt="image" width="400" height="300" /></span></a>
	</div>
	
	<div class="hover_image">
	<a href="Chapter3.jsp"><b>Chapter 3:</b> Whoever He Is
	<span><img src="images/prev3.png" alt="image" width="400" height="300" /></span></a>
	</div>
	
	<div class="hover_image">
	<a href="Chapter4.jsp"><b>Chapter 4:</b> Everything's An Illusion
	<span><img src="images/prev4.png" alt="image" width="400" height="300" /></span></a>
	</div>
	
	<div class="hover_image">
	<a href="Chapter5.jsp"><b>Chapter 5:</b> Blood Red 
	<span><img src="images/prev5.png" alt="image" width="400" height="300" /></span></a>
	</div>
		


	</div>
	
	<div id="acknowledgement">
	<p>
	The developers would like to thank their graphic designers, Dan Augustine and Joshua Aguilar of AB Multimedia Arts 
	at the Asia Pacific College, for without them, the project would not be as spectacular as the two girls are. <br><br>

In this work, various developing tools were greatly utilized and studied by the programmers. 
Agatha and Izza are truly grateful for the softwares' availability on the internet. <br><br>

Finally, this project would not be possible if it wasn't an academic requirement 
for Enterprise Java (ENTJAVA) with Mr. Noel Anonas as the subject professor. 
The team could not express enough their emotions toward this program in its entirety.
	</p>
	</div>

</div>

</body>
</html>

